import React from 'react'
import styles from './success.module.css'
import Nav from '../../components/nav'
import {withRouter} from 'react-router-dom'

class Index extends React.Component {
    render() {
        const {history} = this.props
        return (
            <div className={styles.container}>
                <Nav/>
                <div className={styles.title}>
                    <div className={styles.circle}>
                        success
                    </div>
                </div>

                <div className={styles.content}>
                    <div>
                        <label>订单尾号</label>
                        <span>4840</span>
                    </div>

                    <div>
                        <label>订单金额</label>
                        <span>4840</span>
                    </div>


                    <div>
                        <label>优惠金额</label>
                        <span>4840</span>
                    </div>

                    <div>
                        <label>支付金额</label>
                        <span>4840</span>
                    </div>

                </div>

                <div className={styles.bottom}>
                    <button className={styles.backHome} onClick={() => {
                        history.push('/index');
                    }}>返回主页
                    </button>
                </div>

            </div>
        );
    }
}

export default withRouter(Index)